<!DOCTYPE html>
<html>
<head>

	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('edit,vue,lazyload'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/manager/electronic/css/info.css?v=10" />

    <script type="text/javascript" src="html/manager/electronic/js/info.js?v=11"></script>
	
</head>
<body style="background-color: #ececec;">

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="electronicid" class="display-none" v-bind:value="info.electronicid" />
		<input type="text" id="menuid" class="display-none" />

		<div class="title-bar2">
			<div class="title-text">查看家电维修信息</div>
			<template v-if="permission.setstatus == 'yes'">
				<template v-if="info.status == 0">
					<div class="title-btn tc9" v-on:click="putElectronic(info.electronicid)">发布</div>
					<div class="title-btn tc8" v-on:click="retrieveElectronic(info.electronicid)">回收</div>
	            </template>
	            <template v-else-if="info.status == 1">
	                <div class="title-btn tc8" v-on:click="pullElectronic(info.electronicid)">下架</div>
	            </template>
	            <template v-else-if="info.status == 2">
	            	<div class="title-btn tc9" v-on:click="putElectronic(info.electronicid)">上架</div>
	            </template>
	            <template v-else-if="info.status == 3">
	            	<div class="title-btn tc9" v-on:click="restoreElectronic(info.electronicid)">恢复</span>
	            </template>
	        </template>
			<div class="title-btn tc5" onclick="back()">关闭</div>
		</div>

		<div class="rect">
			<div class="title">
				<div class="order">1</div>
				<div class="text">基础信息</div>
			</div>
			<div class="tr0">
				<div class="field0">标题：</div>
				<div class="value0">{{ info.title }}</div>
			</div>
			<div class="tr0">
				<div class="field0">商家地址：</div>
				<div class="value0">
					{{ info.address }}
					<template v-if="info.position != null && info.position != ''">
						<span class="tc7" v-on:click="openMap(info.position)">查看地图</span>
					</template>
				</div>
			</div>
			<div class="tr0">
				<div class="field0">联系人：</div>
				<div class="value0">{{ info.person }}</div>
			</div>
			<div class="tr0">
				<div class="field0">联系电话：</div>
				<div class="value0">{{ info.phone }}</div>
			</div>
			<div class="tr0">
				<div class="field0">访问量：</div>
				<div class="value0">{{ info.click }}次点击，{{ info.dial }}次电话</div>
			</div>
			<div class="tr0">
				<div class="field0">备注：</div>
				<div class="value0">{{ info.remark }}</div>
			</div>
		</div>

		<template v-if="info.companyVerify != null && info.companyVerify != ''">
			<div class="rect">
				<div class="title">
					<div class="order"></div>
					<div class="text">商家认证</div>
				</div>
				<div class="tr0">
					<div class="field0">商家名称：</div>
					<div class="value0">{{ info.companyVerify.name }}</div>
				</div>
				<div class="tr0">
					<div class="field0">信用代码：</div>
					<div class="value0">{{ info.companyVerify.code }}</div>
				</div>
				<div class="tr0">
					<div class="field0">营业执照：</div>
					<div class="value0">
						<img class="smallpic-img" v-bind:src="info.companyVerify.pic" alt="" v-on:click="openBigPic(info.companyVerify.name, info.companyVerify.pic)" />
					</div>
				</div>
			</div>
		</template>

		<div class="rect">
			<div class="title">
				<div class="order">2</div>
				<div class="text">商家图片</div>
			</div>
			<div class="tr7">
				<img class="bigpic-img" v-lazy="pic.path" v-for="(pic,index) in info.picList" v-on:click="openAlbum(index, info.title, info.picList)" />
			</div>
		</div>

		<div class="rect">
			<div class="title">
				<div class="order">3</div>
				<div class="text">服务内容</div>
			</div>
			<div class="tr0">
				<div class="field0">服务项目：</div>
				<div class="value0">{{ info.category }}</div>
			</div>
			<div class="tr0">
				<div class="field0">服务特征：</div>
				<div class="value0">{{ info.feature }}</div>
			</div>
			<div class="tr0">
				<div class="field0">服务范围：</div>
				<div class="value0">{{ info.area }}</div>
			</div>
			<div class="tr0">
				<div class="field0">服务详情：</div>
				<div class="value0" v-html="info.introduce"></div>
			</div>
		</div>

		<div class="rect">
			<div class="title">
				<div class="order">4</div>
				<div class="text">资费套餐</div>
			</div>
			<div class="tr0">
				<div class="field0">状态：</div>
				<div class="value0">
					<template v-if="info.status == 0">待审核</template>
                    <template v-else-if="info.status == 1"><span class="tc6">展示中</span></template>
                    <template v-else-if="info.status == 2"><span class="tc8">下架</span></template>
                    <template v-else-if="info.status == 3"><span class="tc8">回收</span></template>
                    <template v-else-if="info.status == 4"><span class="tc8">已过期</span></template>
                    <template v-else-if="info.status == 5"><span class="tc8">已退款</span></template>
                    <template v-else>状态异常</template>
				</div>
			</div>
			<div class="tr0">
				<div class="field0">到期时间：</div>
				<div class="value0">{{ info.expiretime }}<template v-if="info.expiretime != '永久显示'">，剩余{{ info.showResidueDays }}天</template></div>
			</div>
			<div class="tr0">
				<div class="field0">显示区域：</div>
				<div class="value0">
					<template v-if="info.istop == 0">普通区</template>
                    <template v-else-if="info.istop == 1"><span class="tc1">置顶区</span></template>
                    <template v-else>状态异常</template>
				</div>
			</div>
			<div class="tr0">
				<div class="field0">置顶类型：</div>
				<div class="value0">
					<template v-if="info.toptype == 1">收费置顶</template>
                    <template v-else-if="info.toptype == 2">赠送置顶</template>
				</div>
			</div>
			<div class="tr0">
				<div class="field0">置顶时长：</div>
				<div class="value0">
					<template v-if="info.topstarttime != null && info.topstarttime != ''">
						{{ info.topstarttime.split(' ')[0] }} 至 {{ info.topendtime.split(' ')[0] }}，剩余{{ info.topResidueDays }}天
					</template>
				</div>
			</div>
		</div>

		<div class="button1" onclick="back()">关闭</div>

	</div>

	<script type="text/javascript">
		var electronicInfo = new Vue({
            el: '#mainBg',
            data: {
            	info: '',
                permission: ''
            },
            mounted() {
            	Vue.use(VueLazyload);
            }
        });
	</script>

</body>
</html>